Ext.define('SenchaApp.view.Main', {
    extend: 'Ext.container.Container',
    alias: 'widget.MainPanel',
    requires: [
        'Ext.tab.Panel',
        'Ext.layout.container.Border',
        'Ext.layout.container.Form',
        'Ext.grid.Panel',
        'Ext.tree.Panel'
    ],
    layout: {
        type: 'border'
    },
    items: [
        {
            region: 'west',
            xtype: 'treepanel',
            itemId: 'leftTreePanel',
            title: 'Main Menu',
            store: 'TreeNavStore',
            collapsible: false,
            useArrows: true,
            rootVisible: false,
            flex: 1,
            action: 'viewCars'
        },
        {
            title: 'Featured Cars',
            region: 'center',
            xtype: 'bordercenter',
            action: 'mainContainer',
            flex: 6

        }
    ]

});
